﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link type="text/css" rel="stylesheet" href="../style/style.css" />
<link rel="stylesheet" type="text/css" href="style/style1.css">
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.leanModal.min.js"></script>
<script type="text/javascript">
$(document).ready( function(){	
		var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
						next:$('#lofslidecontent45 .lof-next') };
						
		$obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,direction: 'opacitys',easing: 'easeInOutExpo',duration: 1200,
												auto		 	: true,
												maxItemDisplay  : 4,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : 32,
												navigatorWidth  : 80,
												mainWidth:950,
												buttons			: buttons} 
												);	
			$("#dangnhap").leanModal();
			
			
			//slide san pham noi bat;
				var currentPosition = 0;
				  var slideWidth =200;
				  var slides = $('.slide');
				  var numberOfSlides = slides.length;
				
				  // Remove scrollbar in JS
				  $('#slidesContainer').css('overflow', 'hidden');
				
				  // Wrap all .slides with #slideInner div
				  slides.wrapAll('<div id="slideInner"></div>')
					// Float left to display horizontally, readjust .slides width
					.css({
					  'float' : 'left',
					  'width' : slideWidth
					});
				
				  // Set #slideInner width equal to total width of all slides
				  $('#slideInner').css('width', slideWidth * numberOfSlides);
				 var dddd= setInterval( function(){
					if(currentPosition>=numberOfSlides-1){ currentPosition=-1;}
					currentPosition=currentPosition+1;
					$('#slideInner').animate({'marginLeft' : slideWidth*(-1*currentPosition)},1000);
				  },4000);
	});
</script>
</head>
<body>
<div id="waraper">
<div id="header">
	<div id="top-header">
				<div id="banner">
					<img src="images/design/logo.gif" />
				</div>
				<div class="top-nav">
						<div class="login"><a id="dangnhap" href="#signup" name="signup">Đăng nhập</a> |<a href="/dang-ki-tai-khoan.html">Đăng kí</a> </div>
						<div id="boxdangnhap"></div>
						<div class="cart">Giỏ hàng <img src="images/design/gio-hang.png" /> <a title="Xem sản phẩm đã chọn" href="/mua-hang/xem-gio-hang.html">0 sản phẩm</a></div>
						
					</ul>
				</div>
	</div>
	<div id="nav">
		<div class="main-menu">
			<ul>
				<li class="active"><a href="#">Trang chủ</a></li>
				<li><a href="#">Giới thiệu</a></li>
				<li><a href="products.html">Sản phẩm</a></li>
				<li><a href="#">Tin tức</a></li>
				<li><a href="#">Liên hệ</a></li>
				
			</ul>
		</div>
	</div>
</div>
<div id="slide">
<div id="lofslidecontent45" class="lof-slidecontent" style="width:947px; height:330px;">

 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:947px; height:330px;">
  	<ul class="lof-main-wapper">
  		<li>
        		<img src="images/slide/thumbl_980x340.png" title="Newsflash 2" >           
                 <div class="lof-main-item-desc">
               
				<h2>Content of Newsflash 1</h2>
                <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/slide/thumbl_980x340_002.png" title="Newsflash 1" >           
          	 <div class="lof-main-item-desc">
                
                <h2>Content of Newsflash 2</h2>
                <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
       <li>
       	  <img src="images/slide/thumbl_980x340_003.png" title="Newsflash 3" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 3</h2>
                <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="images/slide/thumbl_980x340_004.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 4</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        
        <li>

       	  <img src="images/slide/thumbl_980x340_005.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               <h2>Content of Newsflash 5</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
        <li>

       	  <img src="images/slide/thumbl_980x340_006.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 6</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
         <li>
       	  <img src="images/slide/thumbl_980x340_007.png" title="Newsflash 5" >            
          	<div class="lof-main-item-desc">
               
                <h2>Content of Newsflash 7</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                <a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
          <li>
       	  <img src="images/slide/thumbl_980x340_008.png" title="Newsflash 8" >            
          	<div class="lof-main-item-desc">
                <h2>Content of Newsflash 8</h2>
                <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                	<a class="readmore" href="#">Read more </a>
                </p>
             </div>
        </li> 
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->
<div class="lof-navigator-wapper">

        <div onclick="return false" href="" class="lof-next">Next</div>
      <div class="lof-navigator-outer">
            <ul class="lof-navigator">
               <li><img src="images/thumbs/thumbl_980x340.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_002.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_003.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_004.png" /></li>    
               <li><img src="images/thumbs/thumbl_980x340_005.png" /></li>
               <li><img src="images/thumbs/thumbl_980x340_006.png" /></li>       
               <li><img src="images/thumbs/thumbl_980x340_007.png" /></li>       
               <li><img src="images/thumbs/thumbl_980x340_008.png" /></li>       		
            </ul>
      </div>
        <div onclick="return false" href="" class="lof-previous">Previous</div>
 </div> 
  <!----------------- --------------------->
 </div>
</div>
<div id="main">
	<div id="left">
			<div class="block-category">
				<div class="block-header">Điện thoại</div>
				<div class="block-content">
					<ul>
						<li> <a href="#">Nokia</a></li>
						<li> <a href="#">Samsung</a></li>
						<li> <a href="#">Motorola</a></li>
						<li> <a href="#">Iphone</a></li>
						<li> <a href="#">Lg</a></li>
						<li> <a href="#">Q-mobil</a></li>
						<li> <a href="#">Cayon</a></li>
						<li> <a href="#">Sonyericsion</a></li>
						<li> <a href="#">Philip</a></li>
						<li> <a href="#">Vertu</a></li>
						<li> <a href="#">Touch</a></li>					
					</ul>				
				</div>
				<div class="block-header">Phụ kiện điện thoại</div>
				<div class="block-content">
					<ul>
						<li> <a href="#">Loa</a></li>
						<li> <a href="#">Tai nghe</a></li>
						<li> <a href="#">Vỏ</a></li>
						<li> <a href="#">Tai nghe blutood</a></li>
						<li> <a href="#">Pin</a></li>
						<li> <a href="#">Bao gia</a></li>
						<li> <a href="#">Linh kiện</a></li>
						<li> <a href="#">Sonyericsion</a></li>
								
					</ul>				
				</div>
			</div>	
			<div class="block-sp">
				<div class="block-header">Sản phẩm mới</div>
				<div class="block-content-sp">
					<div id="slidesContainer">
						  <div class="slide">
							<h2>Web Development Tutorial</h2>
							<a href="#" class="imageslinks"><img src="images/product/agl1269833480.jpg" /></a>
							<span class="price">Gía Bán : 8.500.000 Vnđ</span>
						  </div>
						  <div class="slide">
							<h2>Web Development Tutorial</h2>
							<a href="#" class="imageslinks"><img src="images/product/doi.jpg" /></a>
							<span class="price">Gía Bán : 8.500.000 Vnđ</span>
						  </div>
						  <div class="slide">
							 <h2>Web Development Tutorial</h2>
							<a href="#" class="imageslinks"><img src="images/product/Nokia 7205_1.jpg" /></a>
							<span class="price">Gía Bán : 8.500.000 Vnđ</span>
						  </div>
						  <div class="slide">
							 <h2>Web Development Tutorial</h2>
							<a href="#" class="imageslinks"><img src="images/product/u24_dien1.jpg" /></a>
							<span class="price">Gía Bán : 8.500.000 Vnđ</span>
						  </div>
					</div>
									
				</div>
			</div>
			<div class="block-hotro">
				<div class="block-header">Hỗ trợ</div>
				<ul>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
					<li><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">
					<img border="0" src="http://opi.yahoo.com/online?u=tuan_daklak88&amp;m=g&amp;t=11"></a>
					<div><a href="ymsgr:sendIM?tuan_daklak88&amp;m=Toi muon nhan ho tro tu nguoi phu trach">Kinh doanh</a><br>01696943457</div>
					</li>
				</ul>
			</div>
		</div>	
		<div id="content">
			<div class="sp-noibat">
				<div class="block-header">Sản phẩm nổi bật</div>
				
				<div class="group">
					<div class="items">
							<img  src="images/product/iphone45.jpg" />
							<ul>
								<li class="sp-name">iPhone 4 32GB</li>
								<li class="sp-price">Giá bán: 19,449,000 VNĐ</li>
								<li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>							
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
				</div>
				<div class="group">
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li>
								<li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
				</div>
				<div class="group">
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>							
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>							
							</ul>
					</div>
				</div>
				<div class="group">
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>							
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>									
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>							
							</ul>
					</div>
				</div>
				<div class="group">
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
					<div class="items">
							<img  src="images/product/samsung_i9100_b.jpg" />
							<ul>
								<li class="sp-name">Samsung I9100 Galaxy S II</li>
								<li class="sp-price">Giá bán: 13,449,000 VNĐ</li><li class="buy"><a href="."> <img src="images/design/buttonbuy.png"/></a></li>								
							</ul>
					</div>
				</div>
			</div>
			
		</div>
		<div class="clearfix"></div>
	</div>
	
	<div class="clearfix"></div>
	<div id="footer">
	<div class="footer-left">
	<h2>Danh mục</h2>
		<ul>
			<li><a href="#">Trang chủ</a></li>
			<li><a href="#">Sản phẩm</a></li>
			<li><a href="#">Dịch vụ</a></li>
			<li><a href="#">Tin tức</a></li>
			<li><a href="#">Giới thiệu</a></li>
		</ul>			
	</div>
	<div class="footer-midle">
		<h2>Liên hệ</h2>
		<ul>
			<li>Phạm minh Tuấn</li>
			<li>01696943457</li>
			<li></li>
			<li></li>
			<li><a href="mailto:pminhtuan89@gmail.com">Liện hệ qua mail</a></li>
		</ul>			
	</div>
	<div class="footer-midle">
		<h2>Copyright@2011</h2>
		<ul>
			<li>Được thiết kế bởi TNT</li>
			<li>Bản quyền thuộc về <a href="#">shopit.com</a></li>
		</ul>			
	</div>
	
</div>
</div>


</div>
		<div id="signup"> 
			<div id="signup-ct"> 
				<div id="signup-header"> 
					<h2>Đăng Nhập
					</h2> 
				</div> 
				
				<form action=""> 
     
				  <div class="txt-fld"> 
				    <label for="">Username</label> 
				    <input id="" class="good_input" name="" type="text" /> 
 
				  </div> 
				  <div class="txt-fld"> 
				    <label for="">Password</label> 
				    <input id="" name="" type="text" /> 
 
				  </div> 
				  <div class="btn-fld"> 
				  <button type="submit">Đăng Nhập</button> 
				   </div> 
				 </form> 
			</div> 
		</div> 
</body>
</html>
